@charset "utf-8";
*{margin:0;padding:0;outline:0;vertical-align:baseline;background:transparent;-webkit-font-smoothing: antialiased;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0 }
body {min-width: 1400px;height: 100%;font: 14px/1.5 "微软雅黑","Microsoft YaHei",Arial, Tahoma, Helvetica, sans-serif;margin: auto;}
html{width: 100%;height: 100%; margin: 0 auto !important;}
input, button, textarea, select { font: inherit; outline: 0; border: 0; background: none; color: inherit;}
input:focus, textarea:focus { color: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0;}
ol, ul, li { list-style: none;}
input, select { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea { overflow: auto; resize: none;}
table { border-collapse: collapse; border: 0;}
img { border: 0; outline: 0; vertical-align: middle;}
a{ text-decoration: none;}
a:focus { outline: 0;}
input[type=date]{ background-color:transparent; border: 0; filter: alpha(opacity=0);}
.fl{float: left;}
.fr{float: right;}
.container{width: 1400px;margin: 0 auto;}

@media (max-width: 768px) {
	html{font-size:20px;}
	.container{width: 100%;}
}

/*iphone 6*/
@media screen and (min-width:375px){ 
    html{ font-size: 20px;}  
    }
    @media screen and (min-width:384px){ 
    html{ font-size: 20.48px;}  
    }
    @media screen and (min-width:412px){ 
    html{ font-size: 21.973px;}  
    }
    /*iphone 6 plus*/
    @media screen and (min-width:414px){ 
    html{ font-size: 22.08px;}  
    }
    @media screen and (min-width:424px){ 
    html{ font-size: 22.613px;}  
    }
    @media screen and (min-width:480px){ 
    html{ font-size:25.6px;}  
    }
    @media screen and (min-width:540px){ 
    html{ font-size:28.8px;}  
    }
    @media screen and (min-width:600px){ 
    html{ font-size: 32px;}  
    }
    @media screen and (min-width:800px){ 
    html{ font-size:42.667px;}  
    }